<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="copyright" content="职教招生网">
<meta name="author" content="职教招生网">
<title>职教招生网</title>
<link rel="stylesheet" href="static/css/lib/vant.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/lib/vant.js"></script>
<script src="./static/js/component.js" defer></script>
<script src="./static/js/nav.js"></script>
</head>

<body>
  <div v-cloak class="main zxb-school-detail" id="app">
    <layout :header="true">
      <template v-if="con">
        <div class="school-detail-top">
          <div class="top flex-bect">
            <img :src="con.logo" class="logo" />
            <div class="div flex1">
              <div class="name">{{con.name}}</div>
              <div class="address">{{con.address}}</div>
            </div>
          </div>
          <div class="intro">
            <div class="p1">{{con.tip}}</div>
            <div class="p2">{{con.zy}}</div>
            <div class="p3">{{con.intro}}</div>
          </div>
        </div>
        <div class="zsjz box">
          <common-title title="招生简章" top="0" bottom="0.28"></common-title>
          <dl class="list">
            <dd v-for="(items, i) in con.zsjz" :key='i' class="item flex-bect">
              <div class="p1 flex-ct" :class="'bg'+i">
                <div>
                  <p v-for="item in items.name">{{item}}</p>
                </div> 
              </div>
              <div class="intro flex1" v-html="items.intro"></div>
            </div>
          </dl>
        </div>
        <div class="zyset box">
          <div class="home-tit">专业设置</div>
          <div class="table">
            <table border="" cellspacing="" cellpadding="">
              <tr><th class="th">招生专业</th><th class="th">学制</th><th class="th">费用</th><th class="th">招生计划</th><th class="th">技能培养费</th></tr>
              <tr v-for="(item, index) in con.zyset" :key="index"><td><span class="btn">{{item.name}}</span></td><td>{{item.xz}}</td><td>{{item.fee}}元/年</td><td>{{item.num}}</td><td>{{item.jnfee}}元/年</td></tr>
            </table>
          </div>
        </div>
        <div class="bmxz box">
          <div class="home-tit">报名须知</div>
          <div class="con">
            <div class="top flex-bect">
              <div class="flex-lect"><i v-for="(item, i) in 3" :key="i" :class="'i'+i" class="i"></i></div>
              <b class="sp">立即报名</b>
            </div>
            <div class="intro">
              <div v-for="(item, i) in con.bmxz" :key="i" class="item">
                <div class="p1">{{item.name}}</div>
                <div class="p2" v-html="item.intro"></div>
              </div>
            </div>
          </div>
        </div>
        
        <div class="xysh box">
          <div class="home-tit">校园生活</div>
          <img :src="con.xysh" class="imgs" alt="" />
        </div>
        <div class="moresc">
          <div class="home-tit">更多院校推荐</div>
          <van-swipe v-if="con.school.length > 0" class="ban" :loop="false" :autoplay="3000" indicator-color="#2A7CF3">
            <van-swipe-item v-for="(items, index) in con.school" :key="index" class="flex-lect item-box">
              <a :href="'schoolDetail.html?id='+item.id" v-for="(item, j) in items" :key="j" class="item">
                <img :src="item.logo" class="logos" alt="" />
                <div class="name" v-html="item.name"></div>
              </a>
            </van-swipe-item>
          </van-swipe>
        </div>
      </template>
      
      
      <form-module></form-module>
    </layout>
  </div>

  <script type="text/babel">
    new Vue({
      el: '#app',
      data: {
        con:null
      },
      mounted() {
        this.getCon();
      },
      methods:{
        getCon(){
          this.con = {
            logo:'./static/image/home/school-ico1.png',
            name:'哈尔滨工程大学（继续教育学院）',
            address:'哈尔滨',
            tip:'【 招收高中/大专(同等或以上)学历，年龄17-22周岁 】',
            zy:'互联网金融/工业机器人技术',
            intro:'哈尔滨工程大学继续教育学院与北京地区高新企业开展联动，各自发挥特长，开展计划外、校企合作的招生，学生秉持自主自愿的原则报考哈尔滨工程大学自考本科学历，由哈 ...  ',
            zsjz:[
              {name:'品质办学', intro:'哈尔工程大学作为全国首批“211工程”建设高校、“985工程”优势学科创新平台项目建设高校、国家“双一流”建设高校，学生可享受优质教育资源，在高校的学习环境中成才。'},
              {name:'雄厚师资 ', intro:'雄厚的师资力量，以教学与实训实习相结合的职业教育模式，打造优秀行业人才。教学目标与学生个人成长接轨，教学内容与社会需求接轨，教学方法与工作岗位接轨，使学生能够“学以致用”，具有“解决实际问题的能力”'},
              {name:'严格管理', intro:'先进的学生管理体系与严格的学生管理制度，技能+素养综合管理模式，跟班管理，密切关注学生的思想动向与学习状况，定期与家长沟通，使家长及时、全面地了解学生的学习和生活情况。'},
              {name:'职业设计', intro:'完善的职业设计体系，实现职场的可持续发展，确保就业跟踪服务，专业的创就业导师专业的职业生涯规划，提升毕业生就业质量，增强学生在就业岗位上的综合竞争力。'},
            ],
            zyset:[
              {name:'互联网金融', xz:'2+1', fee:'13800', num:'30', jnfee:'7000'},
              {name:'工业机器人技术', xz:'2+1', fee:'13800', num:'30', jnfee:'7000'}
            ],
            bmxz:[
              {name:"（一）报名条件： ", intro:'1. 五官端正，身体健康，身材匀称，性格开朗，举止端庄。<br>2. 身高要求：女身高要求157cm-176cm；男身高要求168-190cm<br>3. 面部、颈部、手部无明显疤痕，无久治不愈的皮肤病、传染性疾病<br>4.面部表情自然，微笑甜美；善于表达，富有朝气；口齿清楚，中英文发音基本准确听力正常；性格开朗、大方、心理素质好。 <br>5.行走正常无明显的内、外八字。<br>6.无精神病史及癫痫病史，肝功能正常，无肾炎、传染病及各类久治不愈的慢性疾病<br>7.无犯罪史，无严重违纪史。 <br>'},
              {
                name:'（二）报名方法：',
                intro:'（1）直接网上报名，报名成功的学员须来校参加面试或线上面试。<br>（2）须携带1寸2寸蓝底证件照片各4张、（近期正面, 免冠、不化浓妆的照片），身份证或户口本、毕业证复印件各1份，缴纳报名费：600元（此费用产生以后不退还） '
              },
              {
                name:"（三）政审及录取：", intro:'（1）凡是通过入学面试合格的学生，到户籍所在地派出所或居委会开具无犯罪记录的政审证明，有特长者，择优录取<br>（2）通过录取的学生缴纳2800元预交费，此费用在入学时冲抵入学费用，放弃报到全额退还。<br>（3）按照通知书及入学须知要求及时间来校报到缴费。 '
              }
            ],
            xysh:['./static/image/school/1.png'],
            school:[
              [
                {name:'中原工学院继续<br>教育学院', logo:'./static/image/school/school1.png', id:1},
                {name:'大外国际教育学院', logo:'./static/image/school/school2.png', id:2},
                {name:'山东交通学院继教院', logo:'./static/image/school/school3.png', id:3}
              ],
              [
                {name:'浙江海洋大学继教院', logo:'./static/image/school/school4.png', id:4},
                {name:'北工商嘉华学院<br>继教院', logo:'./static/image/school/school5.png', id:5},
                {name:'哈尔滨工程大学<br>继教院', logo:'./static/image/school/school6.png', id:6},
              ],
              [
                {name:'内蒙古工业大学<br>继教院', logo:'./static/image/school/school7.png', id:7},
                {name:'燕山大学继续<br>教育学院', logo:'./static/image/school/school8.png', id:8},
                {name:'郑州科技学院继教院', logo:'./static/image/school/school9.png', id:9},
              ]
            ]
          }
        }
      }
    })
  </script>
</body>
</html>